06181 ブログのUserCSSを編集してデザインをさらにシンプルに調整しました

https://gyazo.com/51ee423045a55e6dba124c0eb6538e59

このブログshiologyのUser CSSを編集して、デザインを少し調整しました。

上のスクショがトップページ。

できる限りシンプルに。

https://gyazo.com/c7df7746aad18305f94b7e11226988a8

検索窓の右端にあったルーペマークを非表示にしました。トップに枠があれば検索窓だってわかるでしょうから。

code:style.css

.navbar-form .kamon { display: none !important; }

編集権限のある人（このブログの場合はshio.iconのみ）には、検索窓の左側に、新規ページを開くための+マークが表示されます。自分しか使わないし、そこに+ボタンがあるのは百も承知なので、目立たなくしたい。そこで、丸い枠を地の色と同じピンク色にし、+の縦横棒をうっすらとしたピンクにしました。

code:style.css

.new-button { background-color: rgba(255, 111, 175, 0) !important; }

.horizontal-line { background-color: rgba(255, 111, 175, 0.3) !important; }

.vertical-line { background-color: rgba(255, 111, 175, 0.3) !important; }

https://gyazo.com/d359c2df1985643c18e97bff2b009f73

続いてその下、右端に表示されているソート順セレクタメニュの文字（Date Created）を、黒から薄いグレイに変更。おとなしくなりました。またその左側にあったサムネイルのサイズ変更メニュは非表示にしました。サイズを変更する必要ないから。

code:style.css

.dropdown-toggle { color: #BBBBBB !important; }

.grid-size-range { display: none !important; }

次に各記事のページ。

https://gyazo.com/e7d2ce524c488ad7c24205352933737b

https://gyazo.com/3dae3a61cd0c57e2975adbf6b973db40 右端にあるメニュを、黒から薄いグレイに変更。これもおとなしくしてスマートに。

code:style.css

.dropdown-toggle { color: #BBBBBB !important; }

.random-jump-button { color: #BBBBBB !important; }